<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<!--视口--设备宽度--初始缩放比例--最小缩放比例--最大缩放比例--用户缩放-->
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<!--优先使用IE最新版本和Chrome-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chome=1"/>
		<!--禁止浏览器自动的识别-电话号码-email--->
		<meta name="format-detection" content="telephone=no,email=no"/>
		<!--是否启用Web全屏-->
		<meta name="apple-mobile-web-app-capable" content='yes'/>
		<!--设置苹果工具栏颜色-->
		<meta name="apple-mobile-web-app-status-bar-style" content='black'/>
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/forget.css"/>
	</head>
	<body>
		<!--忘记密码-->
		<div class="forget">
			<a href="register.html"><img src="../img/back-btn.png"/></a>
			忘记密码
		</div>
		
		<!--请输入绑定的手机号-->
		<div class="binding">
			<p>请输入您绑定的手机号码</p>
			<div class="bind">
				<div>
					<img src="../img/icon8.png"/>
					<input type="text" placeholder="手机号码"/>
				</div>
				<div><img src="../img/close-btn.png"/></div>
			</div>
		</div>
		
		<!--下一步按钮-->
		<div class="btn">
			<div><a href="#">下一步</a></div>
		</div>
		
		
		<!--点击按钮，弹出-->
		<div class="bg">
			<ul class="alert">
				<li class="li1">确认手机号码</li>
				<li class="li2">我们将发送验证号到：<br/><span>18562534216</span></li>
				<li class="btns">
					<div><a href="forget.html">取消</a></div>
					<div><a href="verification.html">确定</a></div>
				</li>
			</ul>
		</div>
		
	</body>
	<script type="text/javascript">
		(function(win,doc){
			//浏览器缩放时
			win.onresize=function(){
				change();
			};
			change();
			function change(){
				var oFs=doc.documentElement.clientWidth/(320/20);

				//设置根目录字体大小
				doc.documentElement.style.fontSize=oFs+'px';
			}
		})(window,document);
		
		
		/*弹出框*/
		var shareBtn = document.querySelector('.btn');
		var alertView = document.querySelector('.bg');
		var aLi = document.querySelectorAll('.alert li');
		
		shareBtn.onclick = function () {
			alertView.style.display = 'block';
		}
		for (var i = 0; i < aLi.length; i++) {
			aLi[i].onclick = function () {
				alertView.style.display = 'none';
			}
		}
		
	</script>
</html>
